
// 遗留问题滚动显示回到顶部
<template>
    <nav class="topbar" @click="show = !show">
        <h1>
            <a href="javascript:;">
                <i class="fa fa-list"></i>
            </a>
            <span>{{title}}</span>
        </h1>
        <div class="toprg">
            <a href="">深圳</a>
            <router-link to="/login">
                <svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 38 38" id="profile-regular.c151d62" width="100%" height="100%"><g fill="#fff" fill-rule="evenodd" stroke="#666" stroke-width="4"><g mask="url(#profile-regular.c151d62_c)"><path id="profile-regular.c151d62_a" d="M10 11.833V8.999A8.999 8.999 0 0 1 19 0c4.97 0 9 4.04 9 8.999v2.834l-.013.191C27.657 16.981 23.367 21 19 21c-4.616 0-8.64-4.02-8.987-8.976L10 11.833z"></path></g><g mask="url(#profile-regular.c151d62_d)"><path id="profile-regular.c151d62_b" d="M0 32.675C0 26.763 10.139 22 19.027 22 27.916 22 38 26.763 38 32.757v3.312C38 37.136 37.098 38 35.997 38H2.003C.897 38 0 37.137 0 36.037v-3.362z"></path></g></g></svg>
            </router-link>
        </div>
        <transition name='slide-fade'>
			<nav class="layer" v-if='show' v-on:click='show = !show'>
				<ul>
					<li>
						<router-link :to="{name:'home'}">
							首页
							<span>&gt;</span>
						</router-link>
					</li>
					<li>
						<router-link :to="{name:'movie',params:{'page':page}}">
						    影片
						    <span>&gt;</span>
						</router-link>
					</li>
					<li>
                        <router-link :to="{name:'cinema'}">
						    影院
						    <span>&gt;</span>
						</router-link>
                    </li>
                    <li>
                        <a href="javascript:;">商城<span>&gt;</span></a>
                    </li>
                    <li>
                        <a href="javascript:;">演出<span>&gt;</span></a>
                    </li>
                    <li>
                        <router-link :to="{name:'login'}">
							我的
							<span>&gt;</span>
						</router-link>
                    </li>
                    <li>
                        <a href="javascript:;">卖座卡<span>&gt;</span></a>
                    </li>
				</ul>
			</nav>
		</transition>
    </nav>
</template>

<script>
    export default {
        props: ['title'],
        data:function(){
            return {
                show:false,
                page:1
            }
        }
    }
</script>
<style>
       svg{
           width: .14rem;
           height:.14rem
       }
</style>
